<include file="Public/header" title="{$name}" keywords="{$seo_keywords}" description="{$seo_description}" />

	<!-- bootstrap-star-rating
	<link rel="stylesheet" href="__TMPL__Public/assets/plugins/bootstrap-star-rating/css/star-rating.min.css" />
	<script src="__TMPL__Public/assets/plugins/bootstrap-star-rating/js/star-rating.min.js"></script> -->

<form action="{:U('Borrow/Index/addCardBorrow')}" method="post">
	<!-- MAIN -->
    <main class="x-content x-m-b-50">
		<section class="x-box with-border x-m-b-10 bg-default">			
			<div class="x-box-body">
				<ul class="x-row x-plain-list with-item-padding with-info-padding card-square-list-ext">
					<content id="vo" table-name="card" where="status!=-1" order="id asc">
					<li class="x-col-12-12">
						<input type="radio" class="x-check-input" id="card-item-{$vo.id}" name="card_id" value="{$vo.id}" required />
						<label for="card-item-{$vo.id}" class="x-row x-item book-item">
							<span class="x-thumb">
								<img src="__ROOT__/{$vo.thumb}" class="img-responsive" alt="">
							</span>
               				<span class="x-info">
								<span class="x-info-title text-ellipsis">{$vo.name}</span>
								<span class="x-info-summary">{$vo.description}</span>
								<span class="x-info-meta text-orange">¥{$vo.price}</span>
							</span>
               			</label>
					</li>
					</content>
				</ul>
			</div>
		</section>
    </main>
    <!-- /MAIN -->
    
	<!-- FOOTER -->
    <footer class="x-footer">
		<ul class="x-row x-footer-bar with-border-top">
			<li class="x-col-6-12">
				<button class="button button-block button-default button-large" onclick="javascript:history.go(-1);return false;">返回</button>
			</li>
			<li class="x-col-6-12">
				<button class="button button-block button-caution button-large" type="submit">确认</button>
			</li>
		</ul>
	</footer>
	<!-- /FOOTER -->
</form>

<script type="text/javascript">
(function() {
	// initialize star-rating
//	$("#score").rating();
})();
</script>

<include file="Public/footer" />
